<!DOCTYPE html>
<html>
<head>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/jsp/head.jsp"%>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/lib/bootstrap/css/bootstrap-table.css">

<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-dialog.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-menu.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-button.js"></script>
<script src="${pageContext.request.contextPath}/static/js/data/data.js"></script>
<script src="${pageContext.request.contextPath}/static/js/data/user.js"></script>
<script src="${pageContext.request.contextPath}/static/js/menu.js"></script>
<script type="text/javascript">
var dialog;
$(function () {
	$("#open1").BootstrapButton({
		type: 'button',
		cls: 'btn-sm btn-primary',
		text: '打开弹出框1',
		onClick: function(){
			dialog = $.BootstrapDialog.open({
				url: basePath+'/jsp/dialog/dialog1.jsp',
				width: 800,
				//height: 400,
				header: '标题1',
		    	body: '内容',	
			});			
		}
	});	
	$("#open2").BootstrapButton({
		type: 'button',
		cls: 'btn-sm btn-primary',
		text: '打开弹出框2',
		onClick: function(){
			$.BootstrapDialog.open({
				//url: basePath+'/jsp/dialog/dialog2.jsp',
				header: '标题2',
		    	body: '内容',	
				data: {name: "aa",value: 1432},
			});			
		}
	});
});

</script>
</head>

<body>

	<div class="container">  
		<nav id="menu"></nav>
				
		<div class="panel panel-default">
	        <div class="panel-heading">简单弹出框</div>
			<div class="panel-body">
			    <div>
			        <div id="open1"></div>
			        <div id="open2"></div>	    
			    </div>
		     </div>
		     <div class="panel-footer">
		     </div>
	    </div>  
    </div>    
</body>

</html>